<script setup lang="ts">
</script>

<template>
  <div class="p-6 md:p-8 bg-gray-50 min-h-screen font-sans">
    <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md p-8">
      <div class="flex items-center pb-6 border-b border-gray-200">
        <div class="p-3 bg-blue-100 rounded-full">
          <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>
        </div>
        <div class="ml-4">
          <h1 class="text-2xl font-bold text-gray-800">欢迎使用人力资源管理系统</h1>
          <p class="text-sm text-gray-500 mt-1">一个高效、智能、一体化的学校人力人事管理解决方案。</p>
        </div>
      </div>

      <div class="mt-6 text-gray-700 leading-relaxed">
        <p>
          您好！这里是教职工人力资源信息中心。本平台旨在简化复杂的人事管理流程，从员工入职的全生命周期管理，都可以在此轻松完成。我们致力于通过技术手段提升管理效率，释放人力资源的潜能，并为学校的管理提供精准的数据支持。
        </p>
      </div>

      <!-- Key Features Section -->
      <div class="mt-8">
        <h2 class="text-xl font-semibold text-gray-800 mb-4">核心功能模块</h2>
        <div class="grid md:grid-cols-2 gap-6">

          <!-- Feature Card 1: Employee Management -->
          <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow duration-300">
            <h3 class="font-bold text-lg text-blue-700">员工管理</h3>
            <p class="mt-2 text-sm text-gray-600">
              集中管理所有教职工的档案、合同、薪酬及职位信息。支持快速查询、批量更新和信息导出。
            </p>
          </div>

          <!-- Feature Card 2: Performance & Appraisal -->
          <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow duration-300">
            <h3 class="font-bold text-lg text-green-700">学籍经历</h3>
            <p class="mt-2 text-sm text-gray-600">
              跟踪教职工成长轨迹，为人才发展提供依据。
            </p>
          </div>

          <!-- Feature Card 3: Recruitment -->
          <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow duration-300">
            <h3 class="font-bold text-lg text-purple-700">家庭状况</h3>
            <p class="mt-2 text-sm text-gray-600">
              保存每个教职工的家庭信息。
            </p>
          </div>

          <!-- Feature Card 4: Data Dashboard -->
          <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow duration-300">
            <h3 class="font-bold text-lg text-orange-700">数据看板</h3>
            <p class="mt-2 text-sm text-gray-600">
              通过可视化的图表，实时洞察团队结构、教职工人力成本、人员流动率等关键指标。
            </p>
          </div>

        </div>
      </div>

    </div>
  </div>
</template>

<style scoped>
</style>
